@import "../../common/weuix.min";
@import "../../common/activity/top_select";

body {
  background-color: #FF9c33;
}

.w{
  padding: 0;
}
.container {
  display: flex;
  flex-direction: column;
  main {
    flex-grow: 1;
    display: flex;
    padding: 0 rem(15);
    position: relative;
    left: 0;
    top: 0;
    .w {
      flex-grow: 1;
    }
  }
  header {
    position: relative;
    left: 0;
    top: 0;
    .banner_img {
      width: 100%;
      img {
        width: 100%;
      }
    }
    .activity_slogan {
      textarea {
        width: 80%;
        line-height: 0.53333rem;
        font-size: 0.53333rem;
        text-align: center;
        color: #fff;
        overflow: hidden;
        word-wrap: break-word;
        font-weight: 600;
        margin-bottom: 0;
      }
      p {
        width: 80%;
        text-align: center;
        line-height: rem(30);
        margin: auto;
        color: #666;
        font-size: rem(12);
      }
      .change_title {
        display: flex;
        justify-content: center;
        > div {
          background-color: #f45828;
          width: rem(120);
          color: #fff;
          text-align: center;
          line-height: rem(30);
          height: rem(30);
          border-radius: rem(5);
          > img {
            width: rem(25);
            margin-right: rem(10);
          }
        }
      }
    }
  }
  content {
    .w {
      margin: 0 rem(15);
      /* 活动时间 */
      .activity_time_sel {
        margin-top: rem(30);
        padding: rem(15) rem(10) rem(5);
        background-color: #ffd27f;
        border-radius: rem(5) rem(5) 0 0;
        > p {
          text-align: center;
          font-size: rem(12);
          color: #666;
          line-height: rem(25);
        }
      }
      .activity_time_sel:after, .activity_time_sel:before {
        border: none;
      }
      .activity_time_sel .activity_time_sel_weui {
        padding: 0;
        display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
        display: -moz-box; /* 老版本语法: Firefox (buggy) */
        display: -ms-flexbox; /* 混合版本语法: IE 10 */
        display: -webkit-flex; /* 新版本语法: Chrome 21+ */
        display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
        justify-content: space-around;
      }

      .activity_time_sel .activity_time_sel_weui .activity_time {
        width: rem(64);
        font-size: rem(14);
      }
      .activity_time_sel .activity_time_sel_weui input {
        border: 1px dashed #333;
        font-size: rem(12);
        text-align: center;
        color: #f35625;
        width: rem(120);
        height: rem(20);
        line-height: rem(20);
      }

      /* 活动时间版块结束*/
      /* 上传图片说明 */
      .activity_picture {
        background-color: #ffe4b2;
        padding: rem(15) rem(10);
        border-radius: 0 0 rem(5) rem(5);
        > p {
          font-size: rem(14);
          color: #666;
          line-height: rem(20);
          padding: rem(10) 0;
        }
        .vote_number {
          display: flex;
          input {
            width: rem(30);
            height: rem(20);
            background-color: transparent;
            border: 1px dashed #333;
            overflow: hidden;
            padding: 0 rem(5);
            resize: none;
            display: table;
            font-size: rem(14);
            letter-spacing: 1px;
            text-align: center;
            color: #f35625;
          }
        }
        .picture_size {
          > p {
            line-height: rem(35);
          }
          .size_setting {
            display: flex;
            justify-content: space-between;
          }
        }

      }
      .activity_des_title {
        position: relative;
        left: 0;
        top: rem(-28);
        margin: 0 auto;
        width: rem(110);
        text-align: center;
        height: rem(36);
        line-height: rem(36);
        background-color: #ffcb52;
        font-size: rem(16);
        color: #333;
        z-index: 2;
        h2 {
          position: relative;
          z-index: 1;
          input {
            height: rem(30);
            line-height: rem(18);
            font-size: rem(16);
            width: rem(100);
            position: relative;
            top: -2px;
            text-align: center;
            left: 0;
          }
        }
        h2:after, h2:before {
          content: "";
          position: absolute;
          display: block;
          border-style: solid;
          border-color: #e8b338 transparent transparent transparent;
          bottom: rem(-8);
          z-index: 4;
        }
        h2:before {
          right: rem(102);
          border-width: rem(8) 0 0 rem(8);
        }
        h2:after {
          left: rem(102);
          border-width: rem(8) rem(8) 0 0;
        }
      }
      .activity_des_title:before, .activity_des_title:after {
        content: "";
        position: absolute;
        display: block;
        top: rem(8);
        border: rem(18) solid #ffcb52;
      }
      .activity_des_title:before {
        left: rem(-40);
        //border-left-width: rem(18);
        border-right-width: rem(30);
        border-left-color: transparent;
      }
      .activity_des_title:after {
        right: rem(-40);
        border-left-width: rem(30);
        //border-right-width:rem(18);
        border-right-color: transparent;
      }
      .activity_des {
        background-color: #ffe4b2;
        padding: rem(0) rem(10) rem(20);
        margin-top: rem(50);
        border-radius: rem(5);
        position: relative;
        left: 0;
        top: 0;
        .tpc_content div {
          margin-bottom: rem(10);
        }
      }
    }
  }
}

/* 奖品设置区域样式等设置 */
/* 删除位置 */
.delete_prize {
  width: rem(20);
  height: rem(20);
  border-radius: 50%;
  background-color: #f00;
  position: absolute;
  right: rem(-5);
  top: rem(-5);
}

/* 叉号 */
.delete_prize:before, .delete_prize:after {
  width: rem(3);
  height: rem(18);
  position: absolute;
  background-color: #fff;
  content: "";
  left: rem(8);
  top: 1px;
}

.delete_prize:after {
  transform: rotate(43deg);
}

.delete_prize:before {
  transform: rotate(-43deg);
}

/* 上传奖项相关设置*/
.word_des {
  padding: rem(10) rem(10) 0;
  color: #fff;
  text-align: center;
}

/* 奖品设置栏结束*/

/* 联系方式 */
.connect_mobile {
  padding: rem(10);
  overflow: hidden;
}

.connect_mobile input {
  vertical-align: middle;
  padding: rem(5) 0;
  width: rem(120);
  font-size: rem(14);
  text-align: center;
}

.connect_mobile p {
  width: rem(140);
  font-size: rem(12);
  line-height: rem(15);
}

/* 联系方式结束 */

/* 机构介绍样式开始 */

/* 机构介绍文字,图片,视频设置 */
.up_message {
  display: flex;
  border: 1px solid #333;
  border-right: none;
  padding: 0;
}

.word_up, .tpsc, .video_up {
  flex: 1;
  border-right: 1px solid #333;
  text-align: center;
  padding: rem(15) rem(8);
}

.word_up img, .tpsc img, .video_up img {
  width: rem(30);
  margin-bottom: rem(5);
}

/* 机构介绍结束 */
/* 图片上传区域设置 */
.content_img > div {
  img {
    width: 100%;
  }
}

.pop_ups {
  width: 90%;
  height: 5.33333rem;
  position: absolute;
  left: 5%;
  top: 50%;
  background-color: #fff;
  border-radius: 5px;
  z-index: 4;
  display: none
}

.pop_ups .arc_area {
  width: 100%;
  text-align: center;
  color: #e64340;
  font-size: .53333rem
}

.pop_ups .arc_area h2 {
  position: absolute;
  width: 100%;
  text-align: center;
  color: #333;
  top: .53333rem
}

.pop_ups .arc_area img {
  width: 100%
}

.pop_ups .cong_img {
  position: absolute;
  top: -1.86667rem;
  width: 4rem;
  left: 50%;
  margin-left: -2rem
}

.pop_ups input {
  position: absolute;
  top: 1.6rem;
  width: 8rem;
  left: 5%;
  border: 1px solid #333;
  background-color: #fff;
  vertical-align: middle;
  padding: .13333rem 0
}

.pop_ups input,.pop_ups p {
  text-align: center;
  font-size: .37333rem
}

.pop_ups p {
  margin-top: .26667rem;
  padding: .1rem .8rem;
  color: #666
}

.pop_ups div {
  text-align: center
}

.pop_ups .submit_message {
  margin: auto;
  width: 2.66667rem;
  background-color: #ffcb52;
  text-align: center;
  line-height: .8rem;
  border-radius: 2px;
  font-size: .42667rem;
  color: #fff
}

.check_label_box {
  padding: 0;
}